<!DOCTYPE html>
<html lang="en">
<head>
    <!-- jsp文件头和头部 -->
    <#include '../top.ftl'>
</head>
<body>

<div class="container-fluid" id="main-container">


    <div id="page-content" class="clearfix">

        <div class="row-fluid">
            <div class="row-fluid">
                <!-- 检索  -->
                <form action="${base}/user/listUsers.shtml" method="post" name="userForm" id="userForm">
                    <table>
                        <tr>
                            <td>
						<span class="input-icon">
							<input autocomplete="off" id="nav-search-input" type="text" name="USERNAME" value="" placeholder="这里输入关键词" />
							<i id="nav-search-icon" class="icon-search"></i>
						</span>
                            </td>
                            <td><input class="span10 date-picker" name="lastLoginStart" id="lastLoginStart"  value="" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:88px;" placeholder="开始日期" title="最近登录开始"/></td>
                            <td><input class="span10 date-picker" name="lastLoginEnd" name="lastLoginEnd"  value="" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:88px;" placeholder="结束日期" title="最近登录结束"/></td>
                            <td style="vertical-align:top;">
                                <select class="chzn-select" name="ROLE_ID" id="role_id" data-placeholder="请选择部门" style="vertical-align:top;width: 120px;">
                                    <option value=""></option>
                                    <option value="">全部</option>
                                   <#-- <c:forEach items="${roleList}" var="role">
                                        <option value="${role.ROLE_ID }" <c:if test="${pd.ROLE_ID==role.ROLE_ID}">selected</c:if>>${role.ROLE_NAME }</option>
                                    </c:forEach>-->
                                </select>
                            </td>
                            <#--<c:if test="${QX.cha == 1 }">
                                <td style="vertical-align:top;"><button class="btn btn-mini btn-light" onclick="search();" title="检索"><i id="nav-search-icon" class="icon-search"></i></button></td>
                                <td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="window.location.href='<%=basePath%>/user/listtabUsers.do';" title="切换模式"><i id="nav-search-icon" class="icon-exchange"></i></a></td>
                                <td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="toExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="icon-download-alt"></i></a></td>
                                <c:if test="${QX.edit == 1 }"><td style="vertical-align:top;"><a class="btn btn-mini btn-light" onclick="fromExcel();" title="从EXCEL导入"><i id="nav-search-icon" class="icon-cloud-upload"></i></a></td></c:if>
                            </c:if>-->
                        </tr>
                    </table>
                    <!-- 检索  -->


                    <table id="table_report" class="table table-striped table-bordered table-hover">

                        <thead>
                        <tr>
                            <th class="center">
                                <label><input type="checkbox" id="zcheckbox" /><span class="lbl"></span></label>
                            </th>
                            <th>序号</th>
                            <th>上级部门</th>
                            <th>部门名称</th>
                            <th>创建时间</th>
                            <th class="center">操作</th>
                        </tr>
                        </thead>

                        <tbody>
                        <#list organizations as o>
                        <tr>

                           <td class="center"><label><input type="checkbox" id="zcheckbox" /><span class="lbl"></span></label></td>
                            <td class='center' style="width: 30px;">${o_index+1}</td>
                               <td>${(o.pid)!}</td>
                            <td>${o.org_name}</td>
                            <td>${o.createdate?string("yyyy-MM-dd HH:mm:ss")}</td>
                            <td>
                                <a class='btn btn-mini btn-info' title="编辑" onclick="editUser('${o.id}');"><i class='icon-edit'></i></a>
                                <a class='btn btn-mini btn-danger' title="删除" onclick="delUser('${o.id}','${o.org_name}');"><i class='icon-trash'></i></a>
                            </td>



                        </tr>
                        </#list>
                        </tbody>
                    </table>

                    <div class="page-header position-relative">
                        <table style="width:100%;">
                            <tr>
                                <td style="vertical-align:top;">
                                        <a class="btn btn-small btn-success" onclick="add();">新增</a>
                                </td>
                                <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page}</div></td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>




            <!-- PAGE CONTENT ENDS HERE -->
        </div><!--/row-->

    </div><!--/#page-content-->
</div><!--/.fluid-container#main-container-->

<!-- 返回顶部  -->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse">
    <i class="icon-double-angle-up icon-only"></i>
</a>
<!-- 引入 -->
<script type="text/javascript">window.jQuery || document.write("<script src='${base}/static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
<script src="${base}/static/js/bootstrap.min.js"></script>
<script src="${base}/static/js/ace-elements.min.js"></script>
<script src="${base}/static/js/ace.min.js"></script>

<script type="text/javascript" src="${base}/static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
<script type="text/javascript" src="${base}/static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
<script type="text/javascript" src="/static/layer-v2.4/layer/layer.js"></script>
<script type="text/javascript" src="/static/js/project/org/org_list.js"></script>
<script type="text/javascript">

    $(function() {

        //日期框
        $('.date-picker').datepicker();

        //下拉框
        $(".chzn-select").chosen();
        $(".chzn-select-deselect").chosen({allow_single_deselect:true});

    });
</script>

</body>
</html>

